/* pages/vip/vip.wxss */

/* 确保page的高度为100%，以便子元素能够相对于整个视口进行布局 */
page {
  height: 100%;
}

.full-screen-image {
  position: relative; /* 相对定位，用于内部绝对定位的参照 */
  width: 100%; /* 宽度设为100%以覆盖整个宽度 */
  height: 100vh; /* 高度设为100vh以覆盖整个视口高度 */
}

.responsive-img {
  position: absolute; /* 绝对定位，配合父元素相对定位 */
  top: 50%; /* 将图片垂直居中 */
  left: 50%; /* 将图片水平居中 */
  transform: translate(-50%, -50%); /* 使用transform属性来精确定位到中心 */
  width: 100%; /* 设置宽度为100%，确保填满宽度 */
  height: 100%; /* 设置高度为100%，确保填满高度 */
  object-fit: cover; /* 使图片按比例缩放并裁剪以填充容器 */
}
